<%
# CSS Preview Template
# Chris Kempson (http://chriskempson.com)
%>.base00-background { background-color: #<%= @base["00"]["hex"] %>; }
.base01-background { background-color: #<%= @base["01"]["hex"] %>; }
.base02-background { background-color: #<%= @base["02"]["hex"] %>; }
.base03-background { background-color: #<%= @base["03"]["hex"] %>; }
.base04-background { background-color: #<%= @base["04"]["hex"] %>; }
.base05-background { background-color: #<%= @base["05"]["hex"] %>; }
.base06-background { background-color: #<%= @base["06"]["hex"] %>; }
.base07-background { background-color: #<%= @base["07"]["hex"] %>; }
.base08-background { background-color: #<%= @base["08"]["hex"] %>; }
.base09-background { background-color: #<%= @base["09"]["hex"] %>; }
.base0A-background { background-color: #<%= @base["0A"]["hex"] %>; }
.base0B-background { background-color: #<%= @base["0B"]["hex"] %>; }
.base0C-background { background-color: #<%= @base["0C"]["hex"] %>; }
.base0D-background { background-color: #<%= @base["0D"]["hex"] %>; }
.base0E-background { background-color: #<%= @base["0E"]["hex"] %>; }
.base0F-background { background-color: #<%= @base["0F"]["hex"] %>; }

.base00 { color: #<%= @base["00"]["hex"] %>; }
.base01 { color: #<%= @base["01"]["hex"] %>; }
.base02 { color: #<%= @base["02"]["hex"] %>; }
.base03 { color: #<%= @base["03"]["hex"] %>; }
.base04 { color: #<%= @base["04"]["hex"] %>; }
.base05 { color: #<%= @base["05"]["hex"] %>; }
.base06 { color: #<%= @base["06"]["hex"] %>; }
.base07 { color: #<%= @base["07"]["hex"] %>; }
.base08 { color: #<%= @base["08"]["hex"] %>; }
.base09 { color: #<%= @base["09"]["hex"] %>; }
.base0A { color: #<%= @base["0A"]["hex"] %>; }
.base0B { color: #<%= @base["0B"]["hex"] %>; }
.base0C { color: #<%= @base["0C"]["hex"] %>; }
.base0D { color: #<%= @base["0D"]["hex"] %>; }
.base0E { color: #<%= @base["0E"]["hex"] %>; }
.base0F { color: #<%= @base["0F"]["hex"] %>; }
